var app = new Vue({
    el : "#app",
    data : {
        users:[],
        user:{
            id : ' ',
            age:'',
            username:'',
            password:'',
            email:'',
            sex:''
        }
    },
    methods : {
        //查询所有的方法
        findAll:function() {
            //向后台发送ajax请求
            axios.get('findAll.user')
                //如果一切正常,把返回回来的数据赋值给你定义的users
                .then(function (response) {
                    app.users = response.data;
                })
                .catch(function (error) {
                    console.log(error);
                });
        },
        //根据id查找对象的方法
        findById:function (id){
            //向后台发送ajax请求
            axios.get('findById.user',{
                    params: {
                        id: id
                    }
                })
            //如果一切正常,把返回回来的数据赋值给你定义的user
            .then(function (response) {
                app.user = response.data;
                //打开编辑页面
                $('#myModal').show();
            })
            .catch(function (error) {
                console.log(error);
            });

        },
        //关闭编辑页面
        closeModal:function (){
            $('#myModal').hide();
        },
        //保存编辑页面
        updateUser:function() {
            //向后台发送ajax请求
            axios.post('updateUser.user',app.user
            )
            //如果一切正常,把返回回来的数据赋值给你定义的user
            .then(function (response) {
                //完成修改之后,调用findAll函数进行页面数据刷新
                app.findAll();
                //关闭编辑页面
                $('#myModal').hide();
            })
            .catch(function (error) {
                console.log(error);
            });
        }
    },
    //当Vue对象创建时,就调用findAll方法
    created:function() {
        this.findAll();
    }
})